 
.container {
  width: 100%;
  display: flex;
  height: 100vh;
  .content-wrapped {
    width: 100%;
    aside {
      width: 20%;
      /* height: 1080px; */
      height: auto;
      background-color: #fff;
      box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.16);
      display: flex;
      justify-content: flex-start;
      flex-direction: column;
      align-items: center;
      color: #303133;
      .project-wrapped {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        .top {
          display: flex;
          //   justify-content: center;
          width: 100%;
          height: 150px;
          .project-top {
            padding-left: 15px;
            display: flex;
            flex-direction: column;
            justify-content: space-evenly;
            .add-project{
              background-color: #fafafa;
              width: 200px;
              // width: 200%;
              height: 40px;
              border: none;
             
            }
           
            // text-align: left;
            .project-title {
              //   height: 40px;
              font-size: 26px;
              color: #303133;
            }
            .project-add {
              //   width:100%;
              display: flex;
              font-size: 31px;
              line-height: 31px;
              //   justify-content: center;
              background-color: #fafafa;
              color: #303133;
              align-items: center;
              .font-size-add {
                font-size: 28px;
                line-height: 31px;
              }
            }
            .project-manage {
              //   width: 128px;
              //   height: 28px;
              display: flex;
              justify-content: flex-start;
              .font-size-wenjianjia {
                font-size: 18px;
              }
              .project-manage-font {
                font-size: 18px;
              }
            }
          }
        }
        .middle {
          padding-left: 20px;
          width: 90%;
          height: 31px;
          display: flex;
          justify-content: space-between;
          align-items: center;
          .project-middle {
            width: 100%;
            display: flex;
            justify-content: space-between;
            .middle-left {
              //   line-height: 1;
              display: flex;
              //   justify-content: flex-start;
              font-size: 18px;
              padding-left: 10px;
              .font-size-mulu {
                font-size: 18px;
              }
              .directory {
                font-size: 18px;
              }
            }
            .middle-right {
              display: flex;
              justify-content: center;
              padding-right: 10px;
              .font-size-right {
                font-size: 18px;
                // height: 34px;
              }
            }
          }
        }
        .footer {
          width: 80%;
          padding-left: 25px;
            ul {
            width: 100%;
            height: 200px;
            color: #707070;
            display: flex;
            flex-direction: column;
            justify-content: space-evenly;
            li {
              width: 80%;
              height: 25px;
              font-size: 15px;
              display: flex;
              justify-content: space-between;
            }
          }
        }
      }
    }
  }
  .top-column {
    margin-bottom: 20px;
  }
}

 